<template>
  <div>
    <h3>{{ user.count }}</h3>
    <button @click="addCount">+++++++</button>
  </div>
</template>

<script>
// 声明响应式数据  ref / reactive
// ref声明的是一个响应式数据，此数据它会是一个对象，其对象中的.value就是声明的值
// ref可以声明任意类型的数据
import { ref } from 'vue'

export default {
  setup() {
    const user = ref({
      count: 100
    })

    const addCount = () => {
      user.value.count++
    }

    return {
      user,
      addCount
    }
  }
}
</script>

<style lang="scss"></style>
